@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	color: #9e9e9a;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	text-align: left;
	background-color: #ffffff;
}

* {
	margin: 0px;
	padding: 0px;
}

.t14 {
	font-size: 14px;
}

.tb {
	font-weight: bold;
}

ul,
li {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
	vertical-align: middle
}

input,
select {
	vertical-align: middle;
}

.clear {
	clear: both;
}

br {
	margin: 0px;
	padding: 0px;
}

.f_i {
	text-indent: 2em;
}

.no {
	display: none
}

/*a style*/
a {
	color: #9e9e9a;
	text-decoration: none;
}

a:link,
a:visited {
	/* color: #9e9e9a; */
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}



.head {
	width: 100%;
	height: 90px;
	padding-top: 4px;
	margin: 0px auto;
	clear: both;
	font-size: 14px;
}

.tit {
	/* text-align:right;*/
	line-height: 50px;
	height: 50px;
	color: #b4a167;
}

.menu {
	height: 40px;
	margin: 0px auto;
	clear: both;
	margin-top: -24px;
}

.menu ul {
	float: right
}

.menu ul li {
	float: left;
	display: inline;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin-left: 6px;
	margin-right: 6px;
	position: relative;
	z-index: 9999;
	color: #333333;
	cursor: pointer;
}

.menu ul li a {
	display: block;
	color: #333333;
	height: 40px;
	line-height: 40px;
}

.menu ul li a:link,
.menu ul li a:visited {
	color: #333333;
}

.menu ul li a.bar,
.menu ul li a:hover {
	color: #333333;
	text-decoration: none;
	background: url(../images/menu_bar.jpg) repeat-x bottom;
}

.menu ul li a.current {
	z-index: 99999;
	color: #333333;
	background: url(../images/menu_bar.jpg) repeat-x bottom;
}

.submenuwrap {
	position: absolute;
	top: 40px;
	z-index: 99999;
	display: none;
	width: 100px;
	background-color: rgba(255, 255, 255, .8);
	left: 0px;
	padding: 10px 0px;
	border-top: 1px solid #e31d1a;
}

.menu ul li .submenuwrap ul {
	float: left
}

.menu ul li .submenuwrap ul li {
	float: none;
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0px;
	width: 100px;
}

.menu ul li .submenuwrap ul li a {
	display: block;
	color: #555555;
	height: 30px;
	line-height: 30px;
}

.menu ul li .submenuwrap ul li.bar a,
.menu ul li .submenuwrap ul li a:hover {
	color: #ff0000;
	text-decoration: none;
	background: none
}

.ban {
	width: 100%;
	margin: 0px auto;
	height: 542px;
}

/* flexslider */
.ban .flexslider {
	position: relative;
	height: calc(100vh - 90px - 50px);
	overflow: hidden;
}

.ban .slides {
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 100%;
}

.ban .slides li {
	height: 100%;
}

.ban .slides li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	text-indent: -9999px
}

.ban .flex-control-nav {
	position: absolute!important;
	bottom: 21px;
	z-index: 2;
	left: 68px;
	width: auto;
}

.ban .flex-control-nav li {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 2px;
	*display: inline;
	zoom: 1;
}

.ban .flex-control-nav a {
	display: inline-block;
	width: 11px;
	height: 11px;
	line-height: 11px;
	overflow: hidden;
	background-color: #fff;
	cursor: pointer;
	border-radius: 50%;
	color: #fff
}

.ban .flex-control-nav .flex-active {
	background-color: #e31d1a;
	color: #e31d1a;
}

.ban .flexslider .slides img {
	height: 100%;
}

.con {
	width: 100%;
	margin: 10px auto 0px;
}

.con_l {
	float: left;
	width: 332px;
	background-color: #f7f6f1;
	height: 255px;
	margin-right: 1px;
	display: inline;
}

.con_r {
	float: right;
	width: 334px;
	background-color: #f7f6f1;
	height: 255px;
	display: inline;
}

.tit1 {
	background-color: #e31d1a;
	height: 48px;
	line-height: 48px;
	padding-left: 23px;
	font-size: 18px;
}

.con1 {
	width: 290px;
	margin: 20px auto 0px;
	line-height: 24px;
}

.tit1_bg {
	background: url(../images/tit_r.jpg) no-repeat right top #e31d1a
}

.list ul li {
	background: url(../images/icon.gif) no-repeat left 8px;
	line-height: 18px;
	padding-left: 8px;
	margin-top: 8px;
}

.list ul li span {
	float: right;
	width: 54px;
	display: block;
	text-align: right
}

.con2 {
	border: 1px solid #a19c8d;
	border-right: 0px;
	margin: 10px auto 0px;
	width: 100%;
	background-color: #f7f6f1;
}

.con2 ul li {
	float: left;
	width: 468px;
	border-right: 1px solid #a19c8d;
	padding-left: 30px;
	padding-top: 14px;
	height: 50px;
	font-size: 14px;
	color: #b4a167;
	line-height: 18px;
	background: url(../images/icon1.gif) no-repeat 468px center;
}

.con2 ul li:hover {
	background: url(../images/icon1.gif) no-repeat 468px center #eae5d7;
	cursor: pointer
}

.tit2 {
	margin: 25px auto 0px;
	clear: both;
	width: 100%;
	/* background-color: #f9f8f4; */
}

.tit2_l {
	/* float:left;*/
	float: right;
	width: 170px;
	border-right: 1px solid #fff;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.tit2_l1 {
	/* float:left;*/
	float: right;
	width: 60px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	text-align: center
}

.tit2_l1 a:link,
.tit2_l1 a:visited,
.tit2_l1 a:hover {
	color: #b4a167;
	text-decoration: none;
}

.tit2_l span {
	float: right;
	width: 11px;
	background: url(../images/ixon_d.gif) no-repeat center top;
	height: 6px;
	margin-top: 20px;
}

.tit2_l a:link,
.tit2_l a:visited {
	color: #b4a167
}

.tit2_l a:hover {
	cursor: pointer;
	display: block;
	color: #b4a167;
	text-decoration: none;
}

.tit2_l:hover span {
	background: url(../images/ixon_up.gif) no-repeat center top;
}

.tit2_con {
	position: absolute;
	left: 10px;
	top: 44px;
	width: 150px;
	background-color: #f9f8f4;
	display: none;
	z-index: 99999
}

.tit2_con ul li {
	border-bottom: 1px solid #fff;
}

.tit2_con ul li a {
	padding-left: 25px;
	display: block;
	line-height: 44px;
}

.tit2_con ul li a:hover {
	background-color: #e7e3e7;
	color: #ff0000
}

.tit2_l1 span {
	float: right;
	width: 6px;
	background: url(../images/icon2.gif) no-repeat center top;
	height: 11px;
	margin-top: 13px;
}

.tit2_r1 {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #fff;
	line-height: 18px;
	text-align: right;
	height: 46px;
	padding-top: 8px;
}

.tit2_r {
	padding-left: 12px;
	padding-right: 12px;
	line-height: 18px;
	text-align: center;
	padding-top: 8px;
}

.bot {
	height: 50px;
	line-height: 50px;
	width: 100%;
	margin: 0px auto;
}

.bot span {
	/* float: right; */
	line-height: 18px;
	margin-top: 10px;
	text-align: right;
	margin-left: 10px;
}

.tu_list {
	margin: 12px auto 0;
	width: 100%;
	border: 1px solid #d62327;
}

.desktop-only .tu_list span {
	float: left;
	margin-right: 10px;
}

.desktop-only .tu_list ul {
	float: left;
	padding-top: 10px;
}

.desktop-only .tu_list ul li {
	float: left;
	margin: 0px auto;
	margin-right: 10px;
	display: inline;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #323232;
}

.tu_list ul li a:link,
.tu_list ul li a:visited {
	color: #323232
}

.mobile-only .flex-direction-nav li a {
	height: 50px;
}

.mobile-only .flex-direction-nav a:before {
	font-size:30px;
}

.ban1 {
	margin: 0px auto;
	width: 100%;
}

.gl_l {
	float: left;
	width: 207px;
	padding-top: 27px;
}

.gl_l ul li {
	line-height: 36px;
	height: 36px;
	border-bottom: 2px solid #fff;
	background-color: #f7f6f1;
	text-align: center;
	color: #555555;
	font-size: 14px;
}

.gl_l ul li a {
	display: block;
	color: #555;
}

.gl_l ul li.bar a,
.gl_l ul li a:hover {
	background-color: #e31d1a;
	color: #ffffff;
	text-decoration: none;
}

.gl_r {
	padding-right: 24px;
	padding-left: 24px;
	width: 100%;
	float: right;
	padding-top: 20px;
}

.gl_con {
	/* line-height: 36px; */
	font-size: 14px;
	color: #555;
	padding-top: 10px;
	padding-bottom: 10px;
}

.gl_con p img {
	width: 100%;
}

.gl_con1 {
	line-height: 36px;
	font-size: 14px;
	color: #555;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 960px;
	margin: 10px auto;
}

.gl_list {
	width: 960px;
	margin: 10px auto;
}

.gl_list ul li {
	background: url(../images/icon.gif) no-repeat left center;
	line-height: 36px;
	padding-left: 8px;
	font-size: 14px;
	border-bottom: 1px dotted #ccc
}

.gl_list ul li span {
	float: right;
}

.friend-link-type {
	padding-left: 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 25px;
	color: white;
	background-color: #d62327;
	border-bottom: 1px solid #d62327;
	width: 100%;
}


/*CSS quotes style pagination*/

DIV.quotes {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	MARGIN: 30px auto 0px;
	PADDING-TOP: 3px;
	width: 94%;
	text-align: center
}

DIV.quotes A {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	COLOR: #9e9e9a;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	background-color: #f4f4f4;
}

DIV.quotes A:hover {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
	background-color: #f4f4f4;
}

DIV.quotes A:active {
	PADDING-RIGHT: 5px;
	ADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
}

DIV.quotes SPAN.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #9e9e9a;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #f0f0f0
}

DIV.quotes SPAN.disabled {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	COLOR: #9e9e9a;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
}

.news_child_con1 {
	width: 92%;
	margin: 0px auto;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-family: "微软雅黑";
	margin-top: 15px;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

.mar_t15 {
	margin-top: 15px;
}

.mar_t5 {
	margin-top: 5px;
}

.mar_t10 {
	margin-top: 10px;
}

.pad_t12 {
	padding-top: 12px;
}

.h240 {
	height: 240px;
}

/*colour*/
.twhite1 {
	color: #ffffff;
}

.twhite1 a:link,
.twhite1 a:visited {
	color: #ffffff;
}

.twhite1 a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.tgray1 {
	color: #9e9e9a;
}

.tgray1 a:link,
.tgray1 a:visited {
	color: #9e9e9a;
}

.tgray1 a:hover {
	color: #9e9e9a;
	text-decoration: none;
}

.tred1 {
	color: #e31d1a;
}

.news_child_con1.tred1 {
	font-size:18px;
}

.tred1 a:link,
.tred1 a:visited {
	color: #e31d1a;
}

.tred1 a:hover {
	color: #e31d1a;
	text-decoration: underline;
}

#tzal {
	width:100%; 
	height:77px; 
	overflow:hidden; 
}

#hzjg {
	width: 100%;
}

.desktop-only {
	display: none !important;
}

.flexslider {
	border: none!important;
	border-radius: inherit!important;
}

.flex-direction-nav li a {
	height: 100%;
}


.hamburger .line{
	width: 30px;
	height: 2px;
	background: #363639;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}


/* SIX */

#hamburger-6.is-active{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger-6.is-active .line:nth-child(2){
  width: 0px;
}

#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#hamburger-6.is-active .line:nth-child(1){
  -webkit-transform: translateY(7px);
  -ms-transform: translateY(7px);
  -o-transform: translateY(7px);
  transform: translateY(7px);
}

#hamburger-6.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(90deg);
  -ms-transform: translateY(-13px) rotate(90deg);
  -o-transform: translateY(-13px) rotate(90deg);
  transform: translateY(-13px) rotate(90deg);
}

.nar-bar .container {
	padding-right:15px;
	padding-left:15px;
}

.logo-wrapper {
	float: left;
}

.logo-wrapper img.logo {
	vertical-align: middle;
	margin-top: 16px;
}

.toggle-wrapper {
	float: right;
	margin-top: 26px;
}

em, li {
	font-size: inherit;
	font-weight: inherit;
}

.tech-support {
	text-align: center;
  font-size: 12px;
}

.footer {
	margin-top: 60px;
	clear: both;
	position: relative;
	padding-bottom: 10px;
	/* background-color: #f3f3f3; */
	/* width: 1000px; */
	margin: 0 auto;
	/* border-top: 1px solid #ececec; */
}

.footer .contact-info {
	background-color: #f9f8f4;
	font-size: 12px;
	color: #9e9e9a;
	font-weight: 600;
	line-height: 38px;
}

.footer .copyright-block {
	margin-top:10px;
	text-align:center;
	font-size: 12px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 999px) {
	/* Styles */
	.mobile-only {
		display: block!important;
	}
	.desktop-only {
		display: none !important;
	}
	.gl_r
	.mobile-only.head {
		height: 60px;
	}

	.desktop-only {
		display: none !important;
	}

	.logo-wrapper img.logo {
		width: 200px;
	}

	.copyright-block {
		padding-left: 12px;
		padding-right: 12px;
	}

	.ban1 {
		width:100%!important;
	}

	/* .ban, .ban .flexslider, .ban .slides, .ban .slides li {
		height: 100%;
	} */

	.ban .flexslider .slides img {
		/* height: auto!important; */
	}

	.con .tit1_bg {
		background-image: none;
	}

	.con .gl_l {
		padding-top:0px;
		position: absolute;
		display: none;
	}
	
	.con .gl_l.active {
		display: block;
	}

	.con .tit1.twhite1.tit1_bg {
		font-size: 15px;
		/* background-color: #b29375; */
		/* height: 38px;
		line-height: 38px;
		padding-left: 23px;
		font-size: 16px;
		border-radius: 3px;
		border-radius: 3px 25px 3px 3px; */
	}

	.con .tit1.twhite1.tit1_bg span.mobile-only {
		display: inline!important;
	}

	.footer .contact-info span {
		display: block;
	}

	.footer .contact-info {
		line-height: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Styles */
	.desktop-only {
		display: block !important;
	}
	.mobile-only {
		display: none !important;
	}
}
@media (max-width: 61.9em) {
  .table-hide {
    /* display: none !important; */
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* Styles */

	.logo-wrapper .logo {
		width: 300px;
	}

	.mobile-only {
		display: none !important;
	}
}

/**********
	iPad 3
	**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1000px) {
	/* Styles */
	.head, .con, .tit2, .bot, .ban, .ban1, .footer {
		width: 1000px;
	}

	.ban {
		overflow: hidden;
	}

	.con2, .tu_list {
		width: 998px;
	}

	#tzal, #hzjg {
		width: 948px;
	}
	
	.desktop-only {
		display: block !important;
	}

	.mobile-only {
		display: none !important;
	}

	.con .gl_r {
		width:758px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.con .gl_r p {
		font-size: inherit;
    font-weight: inherit;
    color: inherit;
	}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	/* Styles */
	.head {
		width: 1000px;
	}

	.desktop-only {
		display: block !important;
	}

	.mobile-only {
		display: none !important;
	}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
	.s-header-v2__logo-img--shrink{
		width:180px!important;
	}
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */

	.tu_list, .head, .con {
		width: 100%;
	}

	.bot #copyrightBlock, .bot .block {
		display: block;
	}
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
}

.MsoTableGrid td p.MsoNormal:nth-child(2) {
	margin-bottom: 30px;
}